<template>
  <div class="content bg-fff">
    <h2 class="tit">
      会员体系
    </h2>

    <div>
      <table class="imagetable">
        <tr>
          <th>会员等级</th>
          <th>积分</th>
        </tr>
        <tr>
          <td>一级会员</td>
          <td>0-2999积分</td>
        </tr>
        <tr>
          <td>二级会员</td>
          <td>3000-5999积分</td>
        </tr>
        <tr>
          <td>三级会员</td>
          <td>6000-19999积分</td>
        </tr>
        <tr>
          <td>四级会员</td>
          <td>20000-49999积分</td>
        </tr>
        <tr>
          <td>五级会员</td>
          <td>50000-99999积分</td>
        </tr>
        <tr>
          <td>六级会员</td>
          <td>100000以上积分</td>
        </tr>
      </table>
    </div>

    <h2 class="tit">
      会员服务说明
    </h2>

    <div class="shuoming">
      <div>
        1.“百川名品”连锁店采用全员会员制，顾客扫描二维码即可免费注册会员，注册后即成为百川名品门店一级会员，注册时需填写个人信息，百川名品会保障会员个人信息不被泄露。
      </div>
      <div>
        2.会员在所有“百川名品”连锁店消费即可积分，没消费一元积一分，会员权益及消费积分不可转让。
      </div>
      <div>
        3.会员等级采用消费晋级制，购物时提供会员身份信息，录入积分，如办理退货手续，消费积分将做相应调整，消费积分累计达到一定数值时，会员自动升级。
      </div>
    </div>


  </div>
</template>

<script>
  export default {
    components: {},
    data(){
      return {};
    },
    mounted(){

    },
    methods: {},
    filters: {}
  }
</script>

<style scoped>
  table.imagetable {
    width: calc(100% - 1.5rem);
    font-family: verdana, arial, sans-serif;
    font-size: .65rem;
    color: #555;
    border-collapse: collapse;
    margin-left: .75rem;
    margin-top: .75rem;
  }

  table.imagetable th {
    background: #C5A37E;
    padding: .45rem 0;
    font-size: .65rem;
    color: #fff;
  }

  table.imagetable td {
    width: 50%;
    border: 1px solid #eee;
    padding: .45rem 0;
  }

  .tit {
    padding: 1.3rem 0 .55rem;
    font-size: .8rem;
    color: #333333;
    border-bottom: 1px solid #f7f7f7;
    margin: 0 30%;
  }
  .shuoming{
    text-align: left;
    font-size: .65rem;
    color: #777777;
    padding: .75rem 1rem;
    line-height: .85rem;
  }


</style>
